iiinova — where your digital self keeps evolving

Semantic Fish

@semanticfish.com

Let's go beyond web accessibility. Contact: semanticfish.com/#contact. Posts by @ashlee.semanticfish.com. #WebDev #DesignSystems #WCAG #A11y #Accessibility #WebA11y #WebAccessibility #UI #UX

Posts Replies Media

Semantic Fish @semanticfish.com · 03/01/2025

Tedious backlog tasks from December? Hire Ashlee to help! ☺️ @ashleemboyer.com is a self-employed freelance web developer and independent consultant with 10+ years of experience and a bachelors degree in software engineering. Email: ashlee@semanticfish.com

ashlee@semanticfish.com

Hire Ashlee!

• General Web Design & Development
• Accessibility Reviews & Remediation
• Frontend & Design System Engineering
• Hosting, Tooling, & Framework Migrations
• Cross-function Training & Coaching
• Internal & External Documentation
• Redesigns, Refreshes, & Rebuilds

022

Semantic Fish @semanticfish.com · 30/12/2024

Accessibility regressions hate this one weird trick! 😱 Strive to keep your HTML markup as flat and simple as possible. It's easier to manage in the long run and has less places for bugs to sneak in and hide. #Accessibility #A11y #WebAccessibility #WebA11y

Regressions LOVE deeply nested layers of HTML markup.

It makes it easy for them to sneak in and stay hidden for a while.

Semantic Fish Creative Group

020

Semantic Fish @semanticfish.com · 17/12/2024

Hey! Quick question. Would you sign up for a free guide with this title? 👀 #a11y #accessibility

Automated Testing: How To Find the 6 Most Common Accessibility Errors on Home Pages

000

Semantic Fish @semanticfish.com · 13/12/2024

Some alternatives you can try? 1. A visible label with "required" or "optional" appended to each. 2. Help text below the label describing the input format, where the info can be found, what the value will be used for. 3. No placeholders or icons. Rationale explained next. 🧵 6/10

The same four fields now each with a label, required/optional appended to the label, then a brief description, then the input.

From top to bottom they are:

Account ID (required). The 8-digit account number that is found at the top-right of an invoice.

Amount Of Payment (required). How much you are paying today in US dollars. Must be at least $10.

Patient Name (optional). The full name of the patient who this account number belongs to.

Patient Email (optional). The email address associated with the patient's account that should receive the payment receipt.

170

Semantic Fish @semanticfish.com · 13/12/2024

Form accessibility pop quiz! ⭐ What's wrong with the pictured form? There are several issues. Take a few minutes to think about it, reply if you'd like, then check the thread for answers. #A11y #Accessibility #FormAccessibility #PopQuiz 🧵 1/10

A form with four fields. Each has a placeholder, then an icon, then an asterisk.

From top to bottom, they are:

Account ID. Paper with folded corner icon. Red asterisk.

Amount of Payment. Dollar sign icon. Red asterisk.

Patient Name. Person icon. Grey asterisk.

Patient Email. Envelope icon. Grey asterisk.

2188

Semantic Fish @semanticfish.com · 11/12/2024

Oops! Made a typo. Thanks to everyone who shared yesterday's post anyways. 🥰

"In This House We" ASCII art meme, reading "In this house we don't judge typos." Four of the Semantic Fish Creative Group doodled fish sit along the righthand edge facing inward at the ASCII art.

012

Semantic Fish @semanticfish.com · 10/12/2024

How compliant your web site/app is with accessibility standards? @ashleemboyer.com is available to help! 😌 These are probably more affordable than you think: - Reviews & Remediation - Cross-team Training - Integrating a11y earlier Reach out here: clientportal.semanticfish.com/public/hire-...

Legal compliance is the baseline, not the finish line.

Semantic Fish Creative Group

02618