Best of AccessibilityApril 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    Is Building Your Own Portfolio a Waste of Time?

    Building your own portfolio may not be the best use of time, as using a site-building service can save time and effort, offer professional design, provide accessibility and user-friendliness, and be more cost-effective. Instead, it is recommended to focus on higher-level projects and challenge yourself in other ways.

  2. 2
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    The Correct Base Font Size

    This post discusses the ideal base font size, the advantages of using relative units for font sizes, and offers tips for making text fields more usable and accessible. It also highlights the importance of respecting user preferences and following WCAG standards.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    The Difference Between <b> and <Strong> in HTML – Explained with Examples

    Learn the difference between <b> and <strong> tags in HTML and how they are used for bold formatting. Discover the semantic meaning of the <strong> tag and the stylistic purpose of the <b> tag. Understand how browser styles can override the default rendering of these tags. Explore the potential issues with using the <b> tag and how the <strong> tag can indirectly impact SEO.

  4. 4
    Article
    Avatar of figmaFigma·2y

    How to Build Your Design System

    Learn how to build a design system tailored to your goals and challenges. A design system ensures consistency, speeds up workflows, and allows teams to focus on solving user problems.

  5. 5
    Article
    Avatar of asayerasayer·2y

    Adding Speech Navigation to a Website

    Learn how to incorporate speech navigation into a website using JavaScript's Web Speech API. Enhance accessibility, provide a hands-free browsing experience, and create a more inclusive user experience. Understand the Web Speech API and how to configure it for speech navigation. Set up the HTML structure and style the website using CSS. Map speech commands to website navigation actions and handle speech recognition errors. Optimize the code for efficiency. Consider potential pitfalls and considerations for implementation.

  6. 6
    Article
    Avatar of sitepointSitePoint·2y

    Creating Fluid Typography with the CSS clamp() Function — SitePoint

    Learn how to use the CSS clamp() function to implement fluid typography in your projects. Fluid typography allows for responsive font sizes across different device sizes, reducing CSS bloat and improving user experience. The clamp() function takes a minimum value, a preferred value, and a maximum value to control the font size.

  7. 7
    Article
    Avatar of ionicIonic Blog·2y

    Ionic 8 is here!

    Ionic 8 is a stable release with enhancements to theming, accessibility, revised iOS designs, and a new picker experience. It introduces AA color contrast, AAA high contrast palette, built-in light and dark palettes, updated iOS 17 design specs, and a new ion-input-password-toggle component.

  8. 8
    Article
    Avatar of vscodeVisual Studio Code·2y

    Visual Studio Code March 2024

    The Visual Studio Code March 2024 release includes updates to the Accessibility features, improvements to Notebooks, and various other enhancements.

  9. 9
    Article
    Avatar of angelikaAngelika·2y

    9 signs your frontend code has quality issues that affect your users

    This post highlights 9 common signs of poor frontend code quality that can negatively impact a project's users.

  10. 10
    Article
    Avatar of bradfrostBrad Frost·2y

    Front-end development’s identity crisis – Elly Loel

    Elly Loel's post discusses the identity crisis faced by front-end web developers, specifically the challenges caused by the JavaScript-industrial complex and the emergence of specialized roles like front-of-the-front-end developers.