Category Archives: design

What Does Inclusive Design Mean?

Why is accessibilty seen as an after-thought, or at worst an expense to help a handful of disadvantaged people?

Have you ever tried using a website or app on your smartphone whilst riding a bus when the sun is streaming through the window? You probably have. How did that work out for you?

…the internet was no longer being consumed solely on a desktop, viewing through a large monitor perched on a desk whilst in a comfortable chair. The iPhone broke a barrier. The web would start – and continues – to push its way into every moment of our day, regardless of what environment (surroundings or situation) you happen to be in.

microsoft inclusive design impairments

It’s lunch time at the Accessibility Scotland Conference and I take a stroll up the road to grab a soda. I find a shop and low and behold a 10cm step. With the challenges that wheelchairs users have fresh in my mind, I looked down, shook my head and walked on in.

The 10cm step

accessibility ramp at shop

On my way out a ramp appears! “Well that solves that”. I am then greeted by a delivery man with a trolley full of supplies for the shop. The ramp belonged to him. He finished his delivery, threw the ramp in the back of his truck and drove away. Leaving me with the 10cm step. So not only would consideration help those we would often think to require the support (those in wheelchairs, those with limited visibility or even those with prams) but it would help the main function of the shop – getting supplies in both quicker and easier – but also be less intrusive to all users.

So, what’s the digital equivalent of the 10cm step?

There’s a few. For example, the contrast between text and background. Dark colours on a light background work well for users with visual impairments but also work well for “able-bodied” users reading a phone with bright sunlight glaring off the screen.

What about the move towards ‘smart homes’ and the invisible interfaces such as Alexa and Siri? How accessible are they? Users that are mute (permanent impairment) or users with laryngitis (temporary impairment) will struggle to communicate with them. But also those, like myself, with a strong accent (situational impairment) that will struggle with these new technologies.

How do we take this forward?

Curated by (Lifekludger)
Read full article at Source: What Does Inclusive Design Mean? – Storm ID Blog

Your Users Might Not be as Tech-Savvy as You Think

Thanks to their specialist skillsets and proximity to a given project, UX Designers are set apart from the majority of their target audience. As Jakob Nielsen explains, “one of usability’s most hard-earned lessons is that you are not the user. This is why it’s a disaster to guess at the users’ needs.” However, there’s another fundamental ability that can be damaging to assume of your user: Computer literacy.

As the Norman Nielsen Group concludes, “if you think something is easy, or that ‘surely people can do this simple thing on our website,’ then you may very well be wrong.”

How does this impact your UX choices?

Curated by (Lifekludger)
Read full article at Source: Your Users Might Not be as Tech-Savvy as You Think – Usabilla Blog

UI Options 

UI OptionsObjectiveEasily add UI Options to your website. Add a simple separated-panel preferences editor to any page.DescriptionUI Options adds a simple preferences editor dialog with a set of six panels in a collapsible panel at the top of the page, accessible through a button in the upper right corner of the page.

Curated by (Lifekludger)
Read full article at Source: UI Options | GPII DeveloperSpace

How Current Design Trends Impact Web Accessibility

Hands sketching a website layout on a digital tablet, meant to illustrate a UX Designer working to create a layout with web accessibility and inclusive design in mind.

“You are not your users.”
“Involve people with disabilities in user testing.”
“The average user does not exist.”
“Design for the extremes, and the middle will take care of itself.”

We hear these phrases all the time, yet a lot of people still believe that accessibility is mostly a quality assurance or developer’s responsibility, something they should only have to think about when the actual coding phase begins. But some of the really impactful decisions that make or break accessibility for people with disabilities and seniors are, in fact, made during the design phase.

Yes, you read that right. Let me rephrase it for you: a lot of the accessibility issues that people run into on our sites and applications are caused by uneducated decisions made during the design phase. You and I have the power to do something about that.

In this post, we’ll explore some of the design trends we increasingly run into on the Web today, and how decisions made during the design phases can have a hugely detrimental effect on anyone who uses the web in a slightly differently way. But first…

Curated by (Lifekludger)
Read full article at Source: How Current Design Trends Impact Web Accessibility

HTML Source Order vs CSS Display Order

Last month in my post Source Order Matters I wrote about why we need to consider how the source order of the HTML of a page can affect users when the CSS re-orders the content visually. While I used a recipe as an analogue and cited WCAG conformance rules,I failed to provide specific examples. I prepared one for my talk at Accessibility Camp Toronto, but have since expanded on it with more examples.

I want to make sure that we all understand that the source order versus display order discussion is not unique to CSS Flexbox. It is not unique to CSS Grids. Many developers have been dealing with this (correctly and incorrectly) since CSS floats and absolute positioning were introduced (and even earlier with tabled layouts). As such, I have examples of each in this post (no tabled layouts).

Curated by (Lifekludger)
Read full article at Source: HTML Source Order vs CSS Display Order | Adrian Roselli

WebAIM: Accessible CSS

Introduction
Cascading Style Sheets, or CSS, allow you to modify characteristics of existing HTML elements. All web browsers have a built-in style sheet that defines the default styling for all elements. For instance, when the browser sees the tag, it knows to skip a line and start a new section because that’s what the built-in style sheet instructs it to do. The , and every other HTML tag is defined in this style sheet; their size, color, position, and other characteristics are all defined within it. When a page author defines their own styles, they can override this built-in style sheet and tell the browser to display elements in a different way.

Curated by (Lifekludger)
Read full article at Source: WebAIM: Accessible CSS

Important things to in mind for Accessibility & Usability of an application

A mobile application is a medium where a user can get all the information related to your services and products. Here, UI (User Interface) and UX (User Experience) part plays an important role. It can help you to increase the acceptability of an app. Accordingly, it increases the usability of an application will inflate the accessibility.

To increase the usability of an application, you need to take care of a couple of things that are mentioned below.

Curated by (Lifekludger)
Read full article at Source: Important things to in mind for Accessibility & Usability of an application

Accessible website design for users with disabilities lags far behind demand

“The internet is, in essence, broken,” said Todd Bankofier, the CEO of accessibility software company AudioEye. Last week the company announced a partnership with web design firm Dealer Inspire, which makes customer-facing sites for auto retailers, to implement AudioEye’s Ally Toolbar across their entire portfolio.

The move “expands our reach immediately, making it much more efficient to continue our mission to make the most expansive infrastructure in the world accessible to everyone,” Bankofier added.

Even the most well-meaning brand leaders and site designers have too narrow a view of what constitutes disability, he said. It’s not just people who are blind, deaf, or use wheelchairs: people with autism, PTSD, visual impairment, epilepsy, dyslexia or colorblindness all have different needs for digital access. AudioEye’s Ally Toolbar takes all these users into account and allows a person to select precisely the site they need to see.

Curated by (Lifekludger)
Read full article at Source: Accessible website design for users with disabilities lags far behind demand | Campaign US