Use aria-pressed on sticker header buttons
This commit is contained in:
@@ -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')
|
||||
|
Reference in New Issue
Block a user