Skip to content

Commit

Permalink
fix: [Stateful: Indices Overview page] Inaccurate announcement for pr…
Browse files Browse the repository at this point in the history
…ogramming language buttons (elastic#197428)

Closes: elastic#196282

## Summary

Button elements should be clear and understandable to users, including
those using assistive technologies. `h5` tag looks unnatural inside a
button.

## What was changed?: 

1. `h5` -> `strong`

## Screen: 

<img width="1190" alt="image"
src="https://github.com/user-attachments/assets/ea02864f-4091-4cc9-a674-ebf1f4ee7499">
  • Loading branch information
alexwizp authored and mgadewoll committed Nov 7, 2024
1 parent f60be29 commit a12683a
Showing 1 changed file with 6 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -62,8 +62,12 @@ export const LanguageClientPanel: React.FC<SelectClientProps> = ({
width={euiTheme.size.xl}
/>
<EuiSpacer size="s" />
<EuiText textAlign="center" color={isSelectedLanguage ? 'default' : 'subdued'}>
<h5>{language.name}</h5>
<EuiText
size="relative"
textAlign="center"
color={isSelectedLanguage ? 'default' : 'subdued'}
>
<strong>{language.name}</strong>
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
Expand Down

0 comments on commit a12683a

Please sign in to comment.