Learn how to make HTML lists accessible to everyone. Understand how screen readers announce lists, why real list markup matters, how to label lists, keep list semantics when removing bullets, build accessible navigation, breadcrumbs, and checklists, and test your lists on CodeHarborHub.
Learn how to build accessible HTML tables. Understand how screen readers navigate tables, use captions, th and scope, the headers and id attributes for complex tables, sortable headers with aria-sort, scrollable regions, layout table pitfalls, and how to test tables on CodeHarborHub.
Learn how to make every image in your HTML pages accessible. Decide between informative, decorative, functional, and complex images, write useful alt text, handle text in images, linked images, SVG, animated GIFs, and test with real tools on CodeHarborHub.
Learn how to author and configure closed caption tracks (kind='captions') to transcribe speech and critical audio cues.
Ensure media compliance with WCAG principles by providing audio descriptions, transcripts, accessible controls, and flashing content warnings.
Ensure forms comply with WCAG standards using proper labeling, explicit field grouping, clear error messages, and ARIA attributes.
Master the label tag and for attribute to improve form usability, extend click targets, and provide proper accessible names for screen readers.
Learn how to use the HTML figure and figcaption elements to add captions to images, diagrams, code, quotes and tables. Understand captions versus alt text, numbering with CSS counters, credits and licenses, accessibility, styling, and common mistakes on CodeHarborHub.
Learn how to write the src and alt attributes of an HTML image. Point to the right file with relative, root-relative and absolute paths, name files well, and write alt text for photos, icons, charts, logos, linked images and decorative graphics in any language on CodeHarborHub.
Learn how to build accessible HTML navigation menus. Use the nav element with lists, mark the current page, style a horizontal menu with CSS, add a mobile toggle button, create breadcrumbs, dropdown safely, and support right-to-left languages on CodeHarborHub.
Learn how to give HTML tables a title with the caption element. Understand where caption goes, how it differs from headings and figcaption, how to style and position it with caption-side, number tables with CSS counters, and write captions that help screen reader users on CodeHarborHub.
Learn how to mark up HTML table headings with the th element and the scope attribute. Understand column headers, row headers, the empty corner cell, abbreviations, styling, and how headings help screen reader users understand every cell on CodeHarborHub.
Discover how to wrap primary, secondary, and breadcrumb navigation links with the nav tag for optimal landmark navigation.
Learn how the html tag acts as the top-level root element and why setting explicit lang attributes is vital for accessibility and localized search.
Integrate WebVTT formatted text files into media elements to display captions, subtitles, chapter markers, and descriptions.
Explore the core benefits of semantic HTML tags over generic div containers, including accessibility features for assistive technology and SEO advantages.