Use aria-pressed on sticker header buttons
This commit is contained in:
parent
1090a9c3e6
commit
e0bae9a47c
2 changed files with 3 additions and 0 deletions
|
@ -176,6 +176,7 @@ export const StickerPicker = React.memo(
|
|||
>
|
||||
{hasPacks ? (
|
||||
<button
|
||||
aria-pressed={currentTab === 'recents'}
|
||||
type="button"
|
||||
onClick={recentsHandler}
|
||||
className={classNames({
|
||||
|
@ -189,6 +190,7 @@ export const StickerPicker = React.memo(
|
|||
) : null}
|
||||
{packs.map((pack, i) => (
|
||||
<button
|
||||
aria-pressed={currentTab === pack.id}
|
||||
type="button"
|
||||
key={pack.id}
|
||||
onClick={packsHandlers[i]}
|
||||
|
|
|
@ -66,6 +66,7 @@ export function useTabs(options: TabsOptionsType): TabsProps {
|
|||
<div className={getClassName('')} data-supertab>
|
||||
{options.tabs.map(({ id, label }) => (
|
||||
<div
|
||||
aria-selected={selectedTab === id}
|
||||
className={classNames(
|
||||
getClassName('__tab'),
|
||||
selectedTab === id && getClassName('__tab--selected')
|
||||
|
|
Loading…
Reference in a new issue