/ContrastHomepage
Fix color contrast and readability in a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
Accessibility
24 commands
/ImproveLandingPage
Raise the accessibility score of a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/ContrastSkipLinks
Fix color contrast and readability in keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/ImproveVideoPlayer
Raise the accessibility score of an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/ContrastCheckout
Fix color contrast and readability in a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce
/ImproveDashboard
Raise the accessibility score of a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts
/ContrastLandingPage
Fix color contrast and readability in a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/ImproveFormFields
Raise the accessibility score of accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/ContrastVideoPlayer
Fix color contrast and readability in an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/ImproveBlogPost
Raise the accessibility score of a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/ContrastDashboard
Fix color contrast and readability in a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts
/ImproveImageGallery
Raise the accessibility score of an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
/ContrastFormFields
Fix color contrast and readability in accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/ImproveInfiniteScroll
Raise the accessibility score of an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/ContrastBlogPost
Fix color contrast and readability in a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/ImproveSearchResults
Raise the accessibility score of a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/ContrastImageGallery
Fix color contrast and readability in an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
/ContrastInfiniteScroll
Fix color contrast and readability in an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/ImproveFontLoading
Raise the accessibility score of webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/ContrastSearchResults
Fix color contrast and readability in a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/ImproveHomepage
Raise the accessibility score of a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
/ImproveSkipLinks
Raise the accessibility score of keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/ContrastFontLoading
Fix color contrast and readability in webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/ImproveCheckout
Raise the accessibility score of a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce