Use aria-pressed on sticker header buttons

This commit is contained in:
Josh Perez 2023-05-04 19:33:36 -04:00
parent 1090a9c3e6
commit e0bae9a47c
2 changed files with 3 additions and 0 deletions

View file

@ -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]}

View file

@ -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')