Esteettömän web-sivuston tekeminen Angular-tekniikalla

Abstract

Opinnäytetyöideani sai alkuunsa työharjoittelun aikana, jolloin yhtenä projektina oli tarkoitus luoda esteetön web-sivusto AngularJS-tekniikalla. Esteettömien web- palveluiden kysyntä kasvaa vuosittain, ja nykyisten sivustojen esteettömyyttä pyritään parantamaan jatkuvasti. Tarkoitukseni on tuoda esille opinnäytetyössäni, miten esteettömät sivut voidaan käytännössä toteuttaa ja jota asioita on tärkeää ottaa huomioon esteettömiä sivustoja suunnitellessa.

Käytin sivuston luomisessa nykyistä Angular 5.2.7 ohjelmistokehystä ja sen tukena Node.JS 8.9.4 palvelintyökalua ja npm paketinhallintasovellusta Angular-lisäosien lataamista varten. Tekstieditorina käytin Atomin Windows-versiota 1.24.1.

Lopputuloksena sain suunnitelmieni mukaisesti luotua yksinkertaisen ja esteettömän web-sovelluksen, soveltaen kirjoittamaani teoriaa. Sivusto vastaa nykyistä WCAG-standardia ja toimii sekä web- että mobiilisovelluksena.

I became inspired to write my thesis about Web Accessibility because of my earlier experiences in my practical training period. There I learned for the first time about Angular technology and web accessibility. The demand for accessible web-services are growing rapidly every year while the present websites are updated to more accessible user interfaces. The objective of the thesis was to research the methods of accessible website development and the kind of features important to take a note of when designing an accessible website.

I used the current Angular 5.2.7 framework with the support of Node.JS 8.9.4 server tool to develop the website example for this thesis. As an editor software I used Atom for Windows version 1.24.1.

As a result, I was able to develop a simple and accessible web service that matched my original design and plan. The website matches the current WCAG-standard and works well as a web application or as a mobile application.