Universell utforming

Question

Universell utforming

Remi749 opened this issue 7 months ago · 0 comments

🎨 Universell utforming

Det er planlagt en fullstendig gjennomgang av Prosjektportalen 365. Målet er å skape en mer brukervennlig portal som er tilgjengelig for alle brukere, uavhengig av funksjonshemming eller andre utfordringer.

Grundig testing: Vi må sørge for å teste alle sider og komponenter i ulike temaer (mørkt, lyst, farget) for å sikre at de fungerer som forventet. Dette blir nok i sluttfasen hvor vi kjører gjennom en egen test-suite for det visuelle, hvor det blir utført en omfattende test for å oppdage eventuelle problemer eller uoverensstemmelser med de nye designreglene
Responsivitet: Verifiser at sidene og komponentene oppfører seg som forventet på ulike skjermstørrelser (enheter er kanskje også et aktuelt tema). Teste responsiviteten ved å bruke ulike nettlesere, operativsystemer og enheter for å sikre at brukeropplevelsen er konsistent og optimal.
Samspill med SharePoint-komponenter: Vi bør også sjekke hvordan de nye sidene og komponentene samhandler med eksisterende SharePoint-komponenter som vises på de ulike sidene. Vi må forsikre oss om at de passer godt sammen og at det ikke oppstår noen visuelle inkonsekvenser.
Konsistens med nye designregler: Verifiser at alle sidene og komponentene følger de nye reglene vi har satt oss for utforming og tema. Sjekk at farger, typografi, ikoner og andre designelementer er konsistente og i samsvar med den nye visuelle oppdateringen.
Tilgjengelighet: Universell Utforming. Vi skal prøve så godt det lar seg gjøre for at sidene og komponentene er tilgjengelige for alle brukere, inkludert personer med nedsatt syn, motoriske utfordringer eller andre funksjonshemminger. Test at kontraster, tastaturnavigasjon og andre tilgjengelighetsfunksjoner oppfyller gjeldende retningslinjer for å oppfylle krav rundt Universell Utforming (minstekrav).

Noen av punktene vi må følge for å oppnå Universell Utforming

Riktig bruk av heading (h1, h2, h3, osv...)
Alt-tekster på bilder (beskrivelse av innholdet i bildet så vidt det er nødvendig)
Lenker (lenker bør markeres med symbol eller understrek og bør ha god kontrast på siden, lenketeksten bør også beskrive tema og der den fører til)
Tastaturnavigering (Sjekke ulike sider og se at tastaturnavigering fungerer som det skal)
Forstørring og responsivt design (bruk nettleserens zoom for å sjekke at innehold fortsatt er leselig til minst 200%)
Minimum oppløsning (siden skal være leselig på minst 1024x768)
Skjema (våre custom skjemaer må følge informasjonen, beskrivelser og feil slik SharePoint sine ut av boksen skjemaer fungerer)

📦 Pakker og komponenter

Vi tar for oss pakke for pakke og går gjennom komponent for komponent, passe på at disse følger våre nye regler for utforming og tema.

Nivå 1 er webdeler/utvidelser, mens nivå 2 er komponenter som er en del av webdelen/utvidelsen.

Universell utforming

🎨 Universell utforming

📦 Pakker og komponenter

PortfolioExtensions

PortfolioWebParts

ProgramWebParts

ProjectExtensions

ProjectWebParts

shared-library