github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Add screen-reader version of the compile status indicator.

Browse source 
GitOrigin-RevId: 2589246448047fb42637bd12252291cef442c9da
This commit is contained in:
Paulo Reis 2020-10-06 16:23:03 +01:00 committed by Copybot
parent 876c292d22
commit e1c2291fef
3 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/frontend/extracted-translation-keys.json
View file

@ -1,4 +1,8 @@
[ [
"n_warnings",
"n_warnings_plural",
"n_errors",
"n_errors_plural",
"file_outline", "file_outline",
"the_file_outline_is_a_new_feature_click_the_icon_to_learn_more", "the_file_outline_is_a_new_feature_click_the_icon_to_learn_more",
"we_cant_find_any_sections_or_subsections_in_this_file", "we_cant_find_any_sections_or_subsections_in_this_file",

9
services/web/frontend/js/features/preview/components/preview-pane.js
View file

@ -2,6 +2,7 @@ import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import PreviewToolbar from './preview-toolbar' import PreviewToolbar from './preview-toolbar'
import PreviewLogsPane from './preview-logs-pane' import PreviewLogsPane from './preview-logs-pane'
import { useTranslation } from 'react-i18next'
function PreviewPane({ function PreviewPane({
compilerState, compilerState,
@ -13,6 +14,8 @@ function PreviewPane({
onToggleLogs, onToggleLogs,
showLogs showLogs
}) { }) {
const { t } = useTranslation()
const nErrors = const nErrors =
compilerState.logEntries && compilerState.logEntries.errors compilerState.logEntries && compilerState.logEntries.errors
? compilerState.logEntries.errors.length ? compilerState.logEntries.errors.length
@ -39,6 +42,12 @@ function PreviewPane({
onSetSyntaxCheck={onSetSyntaxCheck} onSetSyntaxCheck={onSetSyntaxCheck}
onToggleLogs={onToggleLogs} onToggleLogs={onToggleLogs}
/> />
<span aria-live="polite" className="sr-only">
{nErrors ? t('n_errors', { count: nErrors }) : ''}
</span>
<span aria-live="polite" className="sr-only">
{nWarnings ? t('n_warnings', { count: nWarnings }) : ''}
</span>
{showLogs ? ( {showLogs ? (
<PreviewLogsPane logEntries={compilerState.logEntries.all} /> <PreviewLogsPane logEntries={compilerState.logEntries.all} />
) : null} ) : null}

4
services/web/locales/en.json
View file

@ -1,4 +1,8 @@
{ {
"n_warnings": "__count__ warning",
"n_warnings_plural": "__count__ warnings",
"n_errors": "__count__ error",
"n_errors_plural": "__count__ errors",
"view_pdf": "View PDF", "view_pdf": "View PDF",
"your_project_has_errors": "Your project has errors", "your_project_has_errors": "Your project has errors",
"view_warnings": "View warnings", "view_warnings": "View warnings",