Bhupesh Singh's Avatar

Bhupesh Singh

@bhupeshksingh

Web Accessibility Worker. πŸ•‰πŸ™πŸ»

40
Followers
127
Following
6
Posts
15.11.2024
Joined
Posts Following

Latest posts by Bhupesh Singh @bhupeshksingh

This happens all the time in native mobile apps too.

iOS: Apply the .isHeader trait to heading text

Android: Give heading text the Heading role

29.01.2026 18:48 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Congratulations!

10.01.2026 19:44 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

This also applies to mobile devices like phones and tablets. Yes, people use AT like keyboards with mobile devices too!

02.01.2026 20:11 πŸ‘ 1 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
Preview
Donate to Fundraiser for Paula Johnson's Medical & Recovery Fund, organized by Todd Libby My name is Todd Libby, and I am starting this on the behalf of my… Todd Libby needs your support for Fundraiser for Paula Johnson's Medical & Recovery Fund

#TeamPaula shirts are now available to help offset the costs of future retests/surgeries for Paula. cottonbureau.com/p/SB3E9T/shi... You can also give/share the link here gofund.me/50744c9bf please. Proceeds go directly to the medical fund. Thanks for your support and Merry Christmas.

26.12.2025 01:45 πŸ‘ 6 πŸ” 7 πŸ’¬ 1 πŸ“Œ 1
Safety & Deception: The Impact on Accessibility | Todd Libby | Magnolia Conf 2025
Safety & Deception: The Impact on Accessibility | Todd Libby | Magnolia Conf 2025 YouTube video by Magnolia Conf

My @magnolia.boo talk is up: youtu.be/P-P50Ztejfo?...

18.11.2025 05:02 πŸ‘ 5 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Hi Todd,
I follow the exact same process while testing the color contrast ratio of texts against the gradient background.

08.11.2025 12:58 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

#A11y folks,
I have 1 query.
On applying text spacing bookmarklet, a dropdown coded with <select>, <option> remains unchanged. I’m unable to apply spacing adjustments. Is there an exception if code is not modified by author?
I can’t find anything that talks about exception of this kind in WCAG doc

20.09.2025 19:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Hi #A11y folks,
I'm reading about A11y support for Figma prototypes. Do anyone of you have experience in testing Figma prototypes. I'm curious to know how's the screen reader & keyboard support. Any issues or limitations you are facing while testing.
Any insights would be really helpful.
Thanks

29.08.2025 14:42 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Working on the Safety & Deception guidelines for WCAG 3 (still not finalized and far from that point) and I'm pondering including for review the og:image for a social media post and deceptive pattern (image isn't relative to article it supposedly belongs to) but have NO examples.

03.06.2025 15:19 πŸ‘ 1 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0

Deceptive pattern. A path intended to take a user along to something they may not want to do WITH intent. Coercion, deception, and manipulation.

Anti-pattern. Bad UX, bad design, or over-engineered solutions that create barriers.

Either way, they both are inaccessible solutions to UX challenges.

09.06.2025 13:22 πŸ‘ 6 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Celebrating with The Perfect Toast - TPGi In which Lloydi tries to come up with an approach to toasts (and not-toasts) to satisfy various annoyances and WCAG failures with this notification pattern.

I wrote something about toasts (and indeed not-toasts) on the TPGi blog. You may find something here useful. You might also find my sense of humour grating. Well, you pays your money* and you takes your choice.

www.tpgi.com/celebrating-...

[* No money required. It's all free!]

06.05.2025 09:40 πŸ‘ 3 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

Just to clarify. It’s always beneficial to users to have a larger target size. So, we should aim to have a target size of at least 24 by 24 CSS pixels. Larger target sizes help users activate these controls easily. Thanks to James Edwards for the clarification.

15.04.2025 20:07 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

If you have an undersized lone control with target size less than 24 by 24 CSS pixels & if it doesn't have any adjacent targets nearby but has sufficient spacing around it, then it will pass success criterion (SC) 2.5.8 Target Size. All thanks to the Spacing exception.
#accessibility

15.04.2025 19:15 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
The ride to 5 | HTML5 Doctor

Was reminded of this historical artefact i penned/collated upon the release of #HTML5 back in 2014

#HTML @w3c.bsky.social #WebStandards

html5doctor.com/the-ride-to-5/

06.04.2025 13:49 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Understanding Success Criterion 1.4.10: Reflow | WAI | W3C

This has been a long time coming - but I'm glad to report that the vast majority of WCAG's Reflow Understanding document has been rewritten.

Lots of work and discussions in our attempt to make what Reflow actually requires more... well... understandable.
www.w3.org/WAI/WCAG22/U...

04.04.2025 15:52 πŸ‘ 30 πŸ” 9 πŸ’¬ 1 πŸ“Œ 0
Accessibility Testing Software Compared

Back in 2003 when i was an #a11y babe in the woods I co-authored and presented a paper "Acc Testing Software Compared" with my then boss Andrew Arch (now of @intopia.bsky.social). What great strides the #accessibility #industry have made in the last 22 years

web.archive.org/web/20030720...

28.03.2025 08:52 πŸ‘ 3 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
mind the WCAG automation gap – HTML Accessibility

mind the WCAG automation gap

"Disclaimer: this content was partially produced via automation FTW! Don’t fear the AI future or the reaper."

#a11y #WCAG #testing #automation #ai

html5accessibility.com/stuff/2025/0...

27.03.2025 17:42 πŸ‘ 4 πŸ” 2 πŸ’¬ 0 πŸ“Œ 3
Post image

Friday bookmarklet drop!

πŸ‘‰ a11y-tools.com/bookmarklets...

#devtools #frontend #tools

14.03.2025 18:29 πŸ‘ 3 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

Let's chat about Android phones. Not your personal preference for a phone. I don't care (seriously I don't. Please don't tell me) but why it's important to give support to Android apps that's comparable to iOS when it comes to accessibility.
(1/4(

14.03.2025 17:19 πŸ‘ 7 πŸ” 5 πŸ’¬ 1 πŸ“Œ 1

Listen to disabled people.
Believe disabled people.

08.03.2025 16:39 πŸ‘ 7 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0
Preview
Accessible notifications with ARIA Live Regions (Part 1) – The personal website of Sara Soueidan, inclusive design engineer

Friendly reminder that I shared *an extensive* guide to ARIA live regions so you can learn more about:
- what they are
- what to use them for
- how to use them
- what *not* to use them for (!important)

Part 1: www.sarasoueidan.com/blog/accessi...

Part 2: www.sarasoueidan.com/blog/accessi...

#a11y

10.03.2025 12:32 πŸ‘ 122 πŸ” 40 πŸ’¬ 1 πŸ“Œ 1
Serial killer prompts for a valid CSS selector and then kills, or rather, removes them from the DOM.

Serial killer prompts for a valid CSS selector and then kills, or rather, removes them from the DOM.

Friday bookmarklet drop. This week I bring you SERIAL KILLER!

Enter a valid CSS selector to match elements in a page and watch them all disappear!

buff.ly/4ijMmmV

Obligatory tagfest: #devtools #bookmarklet #favelet #webdev

28.02.2025 10:31 πŸ‘ 5 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
Panel added to screen reports viewport height and width and also zoom level. If page is zoomed, the panel itself is zoomed back to desired size so that it doesn't take over the screen.

Panel added to screen reports viewport height and width and also zoom level. If page is zoomed, the panel itself is zoomed back to desired size so that it doesn't take over the screen.

It's Friiiiiiiiidaaaaaay! So here's another little bookmarklet for you.

Viewport Details
πŸ‘‰ https://buff.ly/4bbXpME

21.02.2025 10:26 πŸ‘ 3 πŸ” 3 πŸ’¬ 3 πŸ“Œ 0
https://html5accessibility.com/stuff/

πŸ‘ FYI
#HTML #a11y articles by me
html5accessibility.com/stuff/

10.02.2025 09:42 πŸ‘ 8 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
ALT TAG EMPTINESS – HTML Accessibility

πŸ–ΌοΈ #WCAG conforming methods for hiding decorative images:
<img alt>
<img alt="">
<img role="presentation|none"
<img aria-hidden="true">

#a11y #webDev #HTML

html5accessibility.com/stuff/2022/0...

11.02.2025 10:09 πŸ‘ 19 πŸ” 6 πŸ’¬ 1 πŸ“Œ 0
Screenshot of the bookmarklet having just run, indicating links that have correctly identified that they will open in a new window, but also those that appear to have type of graphical errors in the warning, and those that are missing them entirely

Screenshot of the bookmarklet having just run, indicating links that have correctly identified that they will open in a new window, but also those that appear to have type of graphical errors in the warning, and those that are missing them entirely

Trump's a twat
Musk's a twit
Here's your Friday bookmarklet:

Check New Window Links: https://buff.ly/3Qgfyzp

1/3

14.02.2025 10:36 πŸ‘ 3 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
screenshot of the Accessibility Worker section of HTMLZ displaying 12 shirts

screenshot of the Accessibility Worker section of HTMLZ displaying 12 shirts

Tough times for my fellow accessibility workers so I have cut prices on a range of shirts. Now only $US 12-14 (+VAT where applicable)

#a11y #accessibility #workers

www.etsy.com/uk/shop/HTML...

08.02.2025 16:03 πŸ‘ 14 πŸ” 6 πŸ’¬ 0 πŸ“Œ 0
Know your Standards – HTML Accessibility

✊🏼Know your Standards - updated 07/02/2025

"Regularly people link to or quote from some outdated version of a specification. This can be confusing and detrimental to understanding, if the information is no longer correct or relevant."

#ARIA #a11y #HTML

html5accessibility.com/stuff/2020/1...

07.02.2025 14:56 πŸ‘ 13 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0
HTML test file index

HTML Element test file index
Last updated 03 February 2025

#HTML #ARIA #WebDev #WebStandards

stevefaulkner.github.io/AT-browser-t...

03.02.2025 09:20 πŸ‘ 7 πŸ” 5 πŸ’¬ 1 πŸ“Œ 0
Preview
Considerations for making a tree view component accessible A deep dive on the work that went into making the component that powers repository and pull request file trees.

I'm pretty proud of this tree view component I helped to make. I wrote about the nuance of what went into it in the hopes that it can serve as a reference for others. #a11y github.blog/engineering/...

28.01.2025 17:23 πŸ‘ 119 πŸ” 29 πŸ’¬ 8 πŸ“Œ 6