Search
Items tagged with: usability
Please don't bloat web pages!
"Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages"
#webperf #webdev #webdevelopment #usability #sustainability
Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages, and some sites are harder to render than PUBG
Danluu benchmarks numerous websites and discusses their impact on older and/or weaker hardwareChristopher Harper (Tom's Hardware)
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
About CSS prefers-reduced-transparency:
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
#UIDesign #CSS #usability #a11y
CSS prefers-reduced-transparency - Chrome for Developers
Optimize and adjust for users who prefer an opaque UI.Chrome for Developers
The problem with disabled buttons and what to do instead:
https://adamsilver.io/blog/the-problem-with-disabled-buttons-and-what-to-do-instead/
Disabled buttons suck:
https://axesslab.com/disabled-buttons-suck/
#UIDesign #forms #usability #a11y #accessibility
Disabled buttons suck
Showing buttons as disabled until a form is complete might seem like a good idea. It is not. They usually create a lousy user experience and exclude many people with disabilities. Here's why disabled buttons suck and what to do instead.Hampus Sethfors (Axess Lab)
Modern Health, frameworks, performance, and harm
https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/
"Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life."
#webdev #webperf #ux #usability #a11y #uxd #webdesign
Modern Health, frameworks, performance, and harm
Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…ericwbailey.website
⌨️ Nielsen Norman Group research on how screen-reader users type on and control mobile devices
“Summary: Users who are blind or have low vision prefer dictation over typing with a keyboard whenever possible. Screen readers on touchscreen devices are restricted to a well-defined set of gestures which makes interaction more challenging than on computers.”
#accessibility #usability #mobile #lowVision #blind
https://www.nngroup.com/articles/screen-reader-type-control/
How Screen-Reader Users Type on and Control Mobile Devices
Screen-reader users prefer dictation over typing with a keyboard. Screen readers on touchscreen devices are restricted to certain gestures which makes interaction more challenging than on computers.Nielsen Norman Group
Float labels may put you in the cool club, but they’re terrible UX.
It’s much better if your input’s label:
1) is legible
2) is above the input
3) doesn’t move about
4) is not mistaken for an answer
Simple > clever
-Adam Silver via Twitter
Why do websites have so many pop-ups?
UI experts say pop-ups are a bad idea. So why is the “most hated” element of web design everywhere?s.e. smith (The Verge)
Designing for Reduced Motion
It’s important to consider the reduced-motion experience during design and development.Craft CMS
A beginner's guide to link and text accessibility - Pope Tech Blog
Learn how to create accessible links and text in your web content.Whitney Lewis (Pope Tech Blog)
inputmode - HTML: HyperText Markup Language | MDN
The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.developer.mozilla.org
The State Of Usability In 2023 🎊 — Smashing Magazine
That’s how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don’t do on the web. From disabled copy-paste to magic link sign-in.Smashing Magazine
Every hashtag on every post on every platform should ALWAYS be pascal case (a.k.a. camel case). I made this to illustrate how screenreaders read hashtags depending on whether they are lowercase or pascal case.
It’s a small thing that all of us can do to build a more inclusive, accessible internet for all. Please take the time to use pascal case.
Read more:
https://markwyner.medium.com/hashtag-accessibility-by-everyone-for-everyone-298667b2d891
#Accessibility #WebAccessibility #Usability #Readability #Hashtags #SocialNetworking #Blogging #UX
Hashtag Accessibility, by Everyone for Everyone - Mark Wyner - Medium
I posted about hashtag accessibility on Mastodon and LinkedIn that got a lot of attention. There were so many replies from people who didn’t know about the accommodation I outlined, who vowed to…Mark Wyner (Medium)
"Meet Cal.com, the event-juggling scheduler for everyone. Focus on meeting, not making meetings. Free for individuals."
https://github.com/calcom/cal.com
#accessibility #usability #calendaring
GitHub - calcom/cal.com: Scheduling infrastructure for absolutely everyone.
Scheduling infrastructure for absolutely everyone. - GitHub - calcom/cal.com: Scheduling infrastructure for absolutely everyone.GitHub
The State Of Usability In 2023 🎊 — Smashing Magazine
That’s how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don’t do on the web. From disabled copy-paste to magic link sign-in.Smashing Magazine
Designing Better Links For The Web — Smashing Magazine
There are so many websites out there that have not considered the overall usability of their visually impaired users.Smashing Magazine
https://www.kansalliskirjasto.fi/en/events/perspectives-accessibility-ict2022
https://www.uxmatters.com/mt/archives/2018/05/how-to-create-good-error-messages.php
How to Create Good Error Messages :: UXmatters
Web magazine about user experience matters, providing insights and inspiration for the user experience communityUXmatters
#fedoraSilverblue #usability
https://codeberg.org/Codeberg/Community/issues/479
#codeberg #foss #inclusivity #accessibility #usability #git #gitea #hosting #community #notForProfit
Codeberg Accessibility
In #389 it was reported that text editors were not accessible yet. Given that such a central piece of the software it not accessible by screen readers (and spell checkers for the matter) yet, it's very likely that there are other UI roadblocks, too.Codeberg.org
You can get it for Firefox from:
https://addons.mozilla.org/en-US/firefox/addon/mastodon-simplified-federation/
#mastodon #remoteFollow #federation #usability #tip #firefox #extension
Mastodon – Simplified Federation! – Get this Extension for 🦊 Firefox (en-US)
Download Mastodon – Simplified Federation! for Firefox. Simplifies following or interacting with other users on remote Mastodon instances in the Fediverse.addons.mozilla.org
https://gitlab.gnome.org/GNOME/gnome-boxes/-/issues/799
#virtualisation #bios #settings #errorMessages #design #usability
Failed to start “Fedora Workstation 36” on Fedora Silverblue 36 (#799) · Issues · GNOME / GNOME Boxes
To reproduce Under Fedora Silverblue 36: + Create a virtual machine. Choose “Fedora Workstation 36”...GitLab
It’s a hugely cumbersome process, otherwise, to connect to headphones that you’ve already paired (especially if you also use them with your phone, etc.)
#GNOME #usability #bluetooth
Also, I think I’m going to end up changing 1Password’s shortcut as I want to be able to use the GNOME emoji picker popover on web forms too.
#fedora #GNOME #emoji #IBus #usability