• 0
      1. Tu carrito está vacío.
    • artículo(s)0,00
August 17, 2020
Posted in diseño web
August 17, 2020 Conecta Software

BRANDING GUIDE

Resources for UX and Web Design

Resources for UX and Web Design

Resources for Visibility and Digital Marketing

Resources for SEO

Resources for Online Advertising and Social Networking

We understand by web accessibility to the set of technologies, application and design standards that facilitate and improve the use of websites following the guidelines of the ".design for all«. The basis for developing an accessible web lies in understanding that people access the Internet in different ways and therefore it is very important that web accessibility is taken into account when creating web pages.

To improve everyone's experience, we can focus on web usability through four broad parameters:

  • VisualMake it easy to see
  • HearingThe hearing aid: it makes it easier to hear
  • Enginefacilitates interaction
  • CognitiveMake it easy to understand

User type to be considered

  • With total blindness that use a screen reader program to access browser content.
  • Users with poor visibility, partial vision or color blindnessThe use of screen magnification systems, which increase the size of the letters or require an effective colour contrast between the text and the background.
  • With motor limitation in your handsThey cannot use the mouse and access the web content exclusively through the keyboard of their computer or they do it through voice recognition systems, navigating by means of verbal instructions given to their computer.
  • User with total deafness that require textual alternatives to multimedia sound elements.
  • With a very limited language of understanding and comprehensionThe same is true for people with intellectual disabilities.
  • Users with slow Internet connections.

 

The power of the Web is in its universality. Access by anyone, regardless of disability, is an essential aspect.

 

Who should be responsible for creating accessible content?

One of the reasons why accessibility is put aside when developing a website project is that no one is sure about who should take care of itShould the HR department take on this role? Or is it the legal department?

The reality is that content accessibility must be a joint effort among vendors, developers, designers, quality control, etc. In other words, if you have any control over the content published on your website or in your application, you must ensure compliance with the guidelines.

In addition to internalizing this responsibility, it is advisable to have external professionals to review your website.

We understand by web accessibility to the set of technologies, application and design standards that facilitate and improve the use of websites following the guidelines of the ".design for all«. The basis for developing an accessible web lies in understanding that people access the Internet in different ways and therefore it is very important that web accessibility is taken into account when creating web pages.

To improve everyone's experience, we can focus on web usability through four broad parameters:

  • VisualMake it easy to see
  • HearingThe hearing aid: it makes it easier to hear
  • Enginefacilitates interaction
  • CognitiveMake it easy to understand

User type to be considered

  • With total blindness that use a screen reader program to access browser content.
  • Users with poor visibility, partial vision or color blindnessThe use of screen magnification systems, which increase the size of the letters or require an effective colour contrast between the text and the background.
  • With motor limitation in your handsThey cannot use the mouse and access the web content exclusively through the keyboard of their computer or they do it through voice recognition systems, navigating by means of verbal instructions given to their computer.
  • User with total deafness that require textual alternatives to multimedia sound elements.
  • With a very limited language of understanding and comprehensionThe same is true for people with intellectual disabilities.
  • Users with slow Internet connections.

 

The power of the Web is in its universality. Access by anyone, regardless of disability, is an essential aspect.

 

Who should be responsible for creating accessible content?

One of the reasons why accessibility is put aside when developing a website project is that no one is sure about who should take care of itShould the HR department take on this role? Or is it the legal department?

The reality is that content accessibility must be a joint effort among vendors, developers, designers, quality control, etc. In other words, if you have any control over the content published on your website or in your application, you must ensure compliance with the guidelines.

In addition to internalizing this responsibility, it is advisable to have external professionals to review your website.

 

5 things to consider when evaluating content accessibility

 

 

1. Writing and Readability

Writing excellent text is more than just good spelling, grammar and text in a consistent order. That doesn't mean we shouldn't take care of them. The best sites have content that is understandable, useful and appropriate for their audience. Clear, simple and concise language makes the text more accessible.

Use short, bulleted sentences and paragraphs to make it easier for people with cognitive and learning disabilities to consume your content.

seo readability of yoast

SEO of YOAST is a WordPress plugin with readability indicators. It takes into account the distribution of subtitles, the Flesch-Kincaid readability (they indicate how easy a document is to understand), the length of sentences and paragraphs, and the density of signal words.

 

readability in hemingway app

The Hemingway App is another tool that scores text for readability, the use of adverbs (the less, the better), the use of passive voice, difficult to read statements and yes there are simpler alternatives.

2.The typography

Typography can further improve the readability of the text. Accessibility is about keeping the text as readable as possible. The font family, size and line height all influence the result.

In addition, there are specialty fonts designed to help young readers and people who have difficulty reading.

We recommend using common fonts, as this will increase the likelihood that the user's computer has it installed and can display it. Times New Roman, Arial, Calibri, Helvetica and Tahoma are examples of known fonts.

It should contrast with the background and be a minimum size of 16 px with the possibility for users to change the size of the text without having to scroll horizontally. It is common to zoom in on touch screens, so it is advisable not to block the zoom option.

Lines should be separated by at least one and a half spaces, and text should never be aligned in a justified manner.

3. Content hierarchy

It structures the content into a logical flow with an H1 heading (main heading) at the top of the page, followed by H2 headings (subheadings) and, if necessary, H3 and H4 headings (secondary subheadings) below them.

 

4. Navigation

Make your site navigable through the keyboard, as some people with visual or motor disabilities prefer to use the keyboard to the mouse.

 

5. Multimedia

Create alternate versions of all multimedia content, or enhance them to ensure that people with different types of disabilities can consume them. Also, be sure to add alternative text to images to help visually impaired users who rely on screen readers.

 

W3C - World Wide Web Consortium

The  World Wide Web Consortium (W3C)is an international consortium. The objective of the W3C is to standardize technical specifications and establish guidelines for the development of web technologies, so that the basic idea of the World Wide Web is maintained. Technologies such as HTMLXMLCSSIn addition, other markup languages and web services are used daily by millions of users.

World Wide Web Consortium - Wikipedia, the free encyclopedia

Recommendations to make a web accessible

Making the web accessible is allowing its use and navigation to the greatest number of people possible. Taking into account some simple recommendations, we will manage to make our website more accessible, and in many cases, these recommendations also help us with the SEO and web positioning.

We can use the tools and techniques as a copywriting Of course, a information architecture well-structured, HTML and reflective design to create a solid set of best practices.

It must be taken into account that many users with intellectual or sensory disabilities or functional diversity problems use support equipment or tools adapted to facilitate the use of their computer equipment. Apart from this first obstacle, users with disabilities often encounter websites that represent a digital barrier to Internet use, so efforts to make computers and the Internet accessible are often left halfway done.

By following these recommendations you will get more people to use your website. You can take it as part of the design rules, which include:

 

  • The inclusion of alternative wording in the images, to facilitate web compression especially for people who are blind or have limited vision.
  • The use of headers for data tablesThese serve as an informative introduction and help to make the data and their interpretation more understandable.
  • Label form fields with self-explanatory names of the type of data required in each of them.
  • Using explanatory link texts and that they inform about the content of the destination of the link, avoiding texts of the type "click here", "more information" that do not offer sufficient and specific information of the object of each link.
  • Enable subtitles on videos that enable deaf people to access the audio message contained in it.
  • Don't just use color to highlight elements. Elements such as micro animations will be used to stimulate user interaction, as well as exclamation points to modify the tone of voice in the voice-narrative tools used by blind people.
  • The texts will be written in accordance with the readability test Flex as an indication.
  • The following will be used Serif fonts for the paragraphs, as they are more readable and text sizes no smaller than 14px.
  • There will be a limited use of source variations such as italics, bold, capital letters or other design methods that can make the content difficult to read.
  • Well-differentiated "H" titles and with scaled font sizes.
  • Limit the use of text within imageswhich is not readable by the narrative tools.
  • Avoid using light shades of grey
  • Prioritize the use of solid colours and texts on colors that generate a high contrast.
  • Avoiding excessive word spacingThe paragraph settings that align the right and left sides will be avoided. The paragraph adjustment on the left side will be used for this purpose.

 

These are some of the most important recommendations. As you can see, it is not so difficult to apply them during the design of the website. Keep them in mind as a design manual and you will make your website much more inclusive.

 

web accessibility

SOGO Accessibility Plugin for WordPress

This add-on helps improve the accessibility of websites designed with WordPress. It adds a number of useful accessibility features that can be disabled according to the needs of the web. These include a bar that allows you to apply high-contrast filters or increase font size, among other features.

If you design your website in WordPress, this is an easy and practical solution that helps make your website more usable for people with disabilities.

You can download the plugin here.

Resources to build your Visual Identity

Download our free ebook: "Practical Guide to Selling Online"

We have developed a complete guide to these steps. It includes strategy questions such as the different business models available, how to create a marketing strategy and what data to analyze. You can download the ebook for free here.

Get in Touch
newsletter

Subscribe to the newsletter on ecommerce and digital transformation

Trends, guides
and latest news in ecommerce
technologies.

And receive the first chapter of our book
«Connect your business- The digital transformation of sales»

newsletter
Get in Touch
Contact
connect-logo-white-retinue

Product

Info

Support

Connect your business.

Branding

In HUB 360 you will find all the technology and services for your e-commerce strategy.

Ecommerce

Integra tu ecommerce con tu ERP sistema de gestión y todos tus canales para vender online.

Analytics

BI Studio dashboards are your next generation business intelligence tool.

922-014-341

Proyecto Cofinanciado por el Fondo Europeo de Desarrollo Regional. Beneficiario: Conecta Software Soluciones SLU. Nº expediente: EATIC2019010001. Inversión Aprobada: 173.800,00 €. Comienzo: 01/04/2019. Finalización: 30/09/2020. El presente proyecto tiene como objetivo el desarrollo de una capa de usuario multilingüe y dashboards para entornos web y windows de solución de Business Intelligence.

Project co-financed by the European Regional Development Fund. Beneficiary: Conecta Software Soluciones SLU. File number: PI2019010001. Approved Investment: 6,444.80 Start date: 17/10/2018. Completion: 16/10/2019. The present project aims at developing a connector software that automates the generation of virtual catalogues so that the company can offer in its Online Store products with a wide description and with images that make the user experience richer and more complete.

2020 ALL RIGHTS RESERVED. CONNECT SOFTWARE

Contact
English (UK)
English (UK) Español Deutsch