Translate aria-labels

Author: BrettJephson

packages/gitbook/src/components/Search/SearchInput.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { useEffect, useRef, useState } from 'react';
 
-import { tString, useLanguage } from '@/intl/client';
+import { t, tString, useLanguage } from '@/intl/client';
 import { tcls } from '@/lib/tailwind';
 import { Icon } from '@gitbook/icons';
 import { Button, variantClasses } from '../primitives';
@@ -103,8 +103,8 @@ export const SearchInput = React.forwardRef<HTMLDivElement, SearchInputProps>(
                     <div className="sr-only" aria-live="assertive" role="alert" aria-relevant="all">
                         {resultsShowing
                             ? resultsCount > 0
-                                ? `${resultsCount} results`
-                                : 'No results'
+                                ? t(language, 'search_results_count', resultsCount)
+                                : t(language, 'search_no_results')
                             : ''}
                     </div>
                     <input

packages/gitbook/src/components/Search/SearchPageResultItem.tsx

@@ -41,7 +41,7 @@ export const SearchPageResultItem = React.forwardRef(function SearchPageResultIt
                     spaceId: item.spaceId,
                 },
             }}
-            aria-label={`Page with title '${item.title}'`}
+            aria-label={tString(language, 'search_page_result_title', item.title)}
             {...rest}
         >
             {breadcrumbs.length > 0 ? (

packages/gitbook/src/components/Search/SearchResults.tsx

@@ -265,7 +265,6 @@ export const SearchResults = React.forwardRef(function SearchResults(
                     <div
                         data-testid="search-results"
                         className="flex flex-col gap-y-1"
-                        aria-label={`Search results`}
                         id={id}
                         role="listbox"
                         aria-live="polite"

packages/gitbook/src/components/Search/SearchSectionResultItem.tsx

@@ -32,7 +32,13 @@ export const SearchSectionResultItem = React.forwardRef(function SearchSectionRe
                     spaceId: item.spaceId,
                 },
             }}
-            aria-label={`Section${item.title ? ` with title '${item.title}'` : item.body ? ` with content '${getAbbreviatedBody(item.body, query)}'` : ''}`}
+            aria-label={
+                item.title
+                    ? tString(language, 'search_section_result_title', item.title)
+                    : item.body
+                    ? tString(language, 'search_section_result_content', getAbbreviatedBody(item.body, query))
+                    : tString(language, 'search_section_result_default')
+            }
             {...rest}
         >
             <div className="grow border-tint-subtle border-l-2 pl-4">

packages/gitbook/src/intl/translations/de.ts

@@ -12,6 +12,10 @@ export const de = {
     search_no_results_for: 'Keine Ergebnisse für "${1}".',
     search_no_results: 'Keine Ergebnisse',
     search_results_count: '${1} Ergebnisse',
+    search_page_result_title: 'Seite mit Titel ${1}',
+    search_section_result_title: 'Abschnitt mit Titel ${1}',
+    search_section_result_content: 'Abschnitt mit Inhalt ${1}',
+    search_section_result_default: 'Abschnitt',
     search_scope_space: '${1}',
     search_scope_all: 'Alle Inhalte',
     ask: 'Fragen',

packages/gitbook/src/intl/translations/en.ts

@@ -12,6 +12,10 @@ export const en = {
     search_no_results_for: 'No results for "${1}".',
     search_no_results: 'No results',
     search_results_count: '${1} results',
+    search_page_result_title: 'Page with title ${1}',
+    search_section_result_title: 'Section with title ${1}',
+    search_section_result_content: 'Section with content ${1}',
+    search_section_result_default: 'Section',
     search_scope_space: '${1}',
     search_scope_all: 'All content',
     ask: 'Ask',

packages/gitbook/src/intl/translations/es.ts

@@ -14,6 +14,10 @@ export const es: TranslationLanguage = {
     search_no_results_for: 'No hay resultados para "${1}".',
     search_no_results: 'No hay resultados',
     search_results_count: '${1} resultados',
+    search_page_result_title: 'Página con título ${1}',
+    search_section_result_title: 'Sección con título ${1}',
+    search_section_result_content: 'Sección con contenido ${1}',
+    search_section_result_default: 'Sección',
     search_scope_space: '${1}',
     search_scope_all: 'Todo el contenido',
     ask: 'Preguntar',

packages/gitbook/src/intl/translations/fr.ts

@@ -12,6 +12,10 @@ export const fr = {
     search_no_results_for: 'Aucun résultat pour « ${1} ».',
     search_no_results: 'Aucun résultat',
     search_results_count: '${1} résultats',
+    search_page_result_title: 'Page avec titre ${1}',
+    search_section_result_title: 'Section avec titre ${1}',
+    search_section_result_content: 'Section avec contenu ${1}',
+    search_section_result_default: 'Section',
     search_scope_space: '${1}',
     search_scope_all: 'Tous les contenus',
     ask: 'Poser une question',

packages/gitbook/src/intl/translations/ja.ts

@@ -14,6 +14,10 @@ export const ja: TranslationLanguage = {
     search_no_results_for: '"${1}" の結果はありません。',
     search_no_results: '結果がありません',
     search_results_count: '${1}件の結果',
+    search_page_result_title: 'タイトル「${1}」のページ',
+    search_section_result_title: 'タイトル「${1}」のセクション',
+    search_section_result_content: 'コンテンツ「${1}」のセクション',
+    search_section_result_default: 'セクション',
     search_scope_space: '${1}',
     search_scope_all: '全てのコンテンツ',
     ask: '質問する',

packages/gitbook/src/intl/translations/nl.ts

@@ -14,6 +14,10 @@ export const nl: TranslationLanguage = {
     search_no_results_for: 'Geen resultaten voor "${1}".',
     search_no_results: 'Geen resultaten',
     search_results_count: '${1} resultaten',
+    search_page_result_title: 'Pagina met titel ${1}',
+    search_section_result_title: 'Sectie met titel ${1}',
+    search_section_result_content: 'Sectie met inhoud ${1}',
+    search_section_result_default: 'Sectie',
     search_scope_space: '${1}',
     search_scope_all: 'Alle inhoud',
     ask: 'Vragen',