info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-06 09:16:29 +02:00
Code Issues Releases Wiki Activity

Fix accessibility issues

Browse Source
This commit is contained in:
Kamran Ahmed
2023-08-31 23:54:27 +01:00
parent c4ef2bfcb4
commit ca32c814da
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/FeaturedItems/MarkFavorite.tsx
View File

@@ -96,6 +96,7 @@ export function MarkFavorite({
return ( return (
<button <button
aria-label={isFavorite ? 'Remove from favorites' : 'Add to favorites'}
onClick={toggleFavoriteHandler} onClick={toggleFavoriteHandler}
tabIndex={-1} tabIndex={-1}
className={`${isFavorite ? '' : 'opacity-30 hover:opacity-100'} ${ className={`${isFavorite ? '' : 'opacity-30 hover:opacity-100'} ${

5
src/components/Footer.astro
View File

@@ -29,10 +29,10 @@ import Icon from './AstroIcon.astro';
href='/about'>FAQs</a href='/about'>FAQs</a
> >
<a <a
aria-label="Subscribe to YouTube channel"
class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0' class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='https://youtube.com/theroadmap?sub_confirmation=1' href='https://youtube.com/theroadmap?sub_confirmation=1'
target='_blank'>YouTube</a target='_blank'>YouTube</a>
>
</p> </p>
<div class='flex flex-col justify-between gap-12 sm:flex-row'> <div class='flex flex-col justify-between gap-12 sm:flex-row'>
@@ -75,6 +75,7 @@ import Icon from './AstroIcon.astro';
<AstroIcon icon='youtube' class='inline-block h-5 w-5' /> <AstroIcon icon='youtube' class='inline-block h-5 w-5' />
</a> </a>
<a <a
aria-label="Follow on Twitter"
href='https://twitter.com/roadmapsh' href='https://twitter.com/roadmapsh'
target='_blank' target='_blank'
class='ml-2 hover:text-white' class='ml-2 hover:text-white'