Linee guida per un sito web "design for all" e creazione di un modello

Abstract

L’accessibilità web è diventata ormai un requisito fondamentale nella progettazione dei siti web. Risulta, infatti, necessario assicurare che tutti gli utenti, indipendentemente dalle loro abilità fisiche, sensoriali o cognitive, possano accedere e interagire con i contenuti online in modo semplice e senza barriere. L’inclusività digitale non è solo un valore etico, ma rappresenta anche una necessità pratica per garantire che le informazioni e i servizi online siano fruibili da un pubblico più ampio possibile. Questa tesi si propone di contribuire a questo obiettivo tramite la creazione di un esempio pratico di sito web, composto da un file in formato .html e uno in formato .css. che servirà da guida e riferimento per i web designer. Il sito dimostrativo incorporerà le migliori pratiche e i principi di accessibilità riconosciuti a livello internazionale, ispirandosi alle linee guida WCAG (Web Content Accessibility Guidelines) 2.1. Queste linee guida stabiliscono un framework di criteri per la creazione di contenuti web accessibili e sono utilizzate da sviluppatori e designer in tutto il mondo per garantire che i siti web siano fruibili da persone con diverse esigenze. Il progetto intende non solo rispettare i requisiti normativi, ma anche dimostrare come sia possibile combinare accessibilità e design esteticamente gradevole. Attraverso un approccio mobile-first e l’adozione di tecnologie moderne, come l’HTML semantico e il CSS personalizzato, il sito offrirà un modello facilmente replicabile e personalizzabile, in grado di adattarsi a diversi tipi di progetti e piattaforme. L’obiettivo è di fornire uno strumento che possa aiutare i designer e i professionisti del settore a integrare principi di accessibilità nelle loro pratiche quotidiane, senza compromettere la qualità estetica e funzionale del prodotto finale.

Web accessibility has now become a fundamental requirement in website design. It turns out, in fact, to be necessary to ensure that all users, regardless of their physical, sensory or cognitive abilities, can access and interact with online content easily and without barriers. Digital inclusiveness is not only an ethical value, but also represents a practical necessity to ensure that online information and services are usable by the widest possible audience. This thesis aims to contribute to this goal through the creation of a practical example of a website, consisting of one file in .html format and one in .css format. which will serve as a guide and reference for web designers. The demonstration site will incorporate internationally recognized accessibility best practices and principles, drawing inspiration from the Web Content Accessibility Guidelines (WCAG) 2.1. These guidelines establish a framework of criteria for creating accessible Web content and are used by developers and designers worldwide to ensure that Web sites are usable by people with diverse needs. The project aims not only to meet regulatory requirements, but also to demonstrate how accessibility and aesthetically pleasing design can be combined. Through a mobile-first approach and the adoption of modern technologies, such as semantic HTML and custom CSS, the site will offer an easily replicable and customizable template that can adapt to different types of projects and platforms. The goal is to provide a tool that can help designers and industry professionals integrate accessibility principles into their daily practices, without compromising the aesthetic and functional quality of the final product.