mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-18 05:25:40 +09:00
fix(app): announce search result counts to screen readers (#1958)
This commit is contained in:
1 parent
2af4cc98fd
commit
55b25c919d
1 file changed
+7
-1
+7
-1
@@ -45,7 +45,13 @@ export const SearchResultsHeader: React.FC<SearchResultsHeaderProps> = ({
|
|||||||
<div className={styles.header} data-flx="channel.channel-search-results.render-header.header">
|
<div className={styles.header} data-flx="channel.channel-search-results.render-header.header">
|
||||||
<div className={styles.headerLoading} data-flx="channel.channel-search-results.render-header.header-loading">
|
<div className={styles.headerLoading} data-flx="channel.channel-search-results.render-header.header-loading">
|
||||||
{showSpinner && <Spinner size="small" data-flx="channel.channel-search-results.render-header.spinner" />}
|
{showSpinner && <Spinner size="small" data-flx="channel.channel-search-results.render-header.spinner" />}
|
||||||
<h2 className={styles.headerTitle} data-flx="channel.channel-search-results.render-header.header-title">
|
<h2
|
||||||
|
className={styles.headerTitle}
|
||||||
|
role="status"
|
||||||
|
aria-live="polite"
|
||||||
|
aria-atomic="true"
|
||||||
|
data-flx="channel.channel-search-results.render-header.header-title"
|
||||||
|
>
|
||||||
{i18n._(headerTitleDescriptor)}
|
{i18n._(headerTitleDescriptor)}
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in new issue
Block a user