Skip to main content

How to Overcome the Challenges of Developing Responsive and Accessible Websites – A Case Study

  • Conference paper
  • First Online:
Advances in Usability and User Experience (AHFE 2019)

Abstract

This paper aims to discuss the challenges of developing and validating an accessible and responsive web site based on SIDI’s experience in creating and validating the GuAMA - Guide to the Development of Accessible Mobile Applications web site. The first versions of that web site (GuAMA) did not present nor responsive nor accessible characteristics, but during 2017 and the first months of 2018, we work to obtain them by considering the established web development standards, such as the W3C [1] and the BBC [2] guidelines. We will discuss the reasons for supporting both browsers on computer and smartphone, and also support for Windows and Android screen readers. We will show examples of HTML tags used to serve both platforms and how tests were made to ensure that changes to suit a given screen reader did not affect the operation of another.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 169.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 219.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Notes

  1. 1.

    eMAG (Accessibility Model in Electronic Government) is a Brazilian government guide to accessibility, based on WCAG.

References

  1. Web Content Accessibility Guidelines (WCAG 2.0). https://www.w3.org/TR/WCAG20/

  2. Accessibility Standards and Guidelines (BBC Guideline). http://www.bbc.co.uk/guidelines/futuremedia/accessibility/

  3. Guide to development of Accessible Mobile Application. http://www.sidi.org.br/guiadeacessibilidade/en/index.html#inicio

  4. Accessible Rich Internet Applications (WAI-ARIA 1.1). https://www.w3.org/TR/wai-aria/

  5. Section 508 Standards for Electronic and Information Technology. https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards

  6. Using WAI-ARIA W3C. https://www.w3.org/TR/aria-in-html/

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Marcelo Anjos .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Anjos, M. et al. (2020). How to Overcome the Challenges of Developing Responsive and Accessible Websites – A Case Study. In: Ahram, T., Falcão, C. (eds) Advances in Usability and User Experience. AHFE 2019. Advances in Intelligent Systems and Computing, vol 972. Springer, Cham. https://doi.org/10.1007/978-3-030-19135-1_26

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-19135-1_26

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-19134-4

  • Online ISBN: 978-3-030-19135-1

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics