Hygyrchedd Digidol ar gyfer Timau Adnoddau Dynol: Gwneud Systemau Recriwtio a Gweithplace yn Cydymffurf â WCAG
Cyflwyniad
Os nad yw eich safle gyrfa, ffurflenni cais, neu systemau mewnol yn hygyrch, rydych chi'n diarddeliad ymgeiswyr cymwys a chydweithwyr ag anableddau — ac efallai eich bod chi'n torri'r gyfraith. Mae'r Canllawiau Hygyrchedd Cynnwys Gwe (WCAG) 2.2, a gyhoeddwyd gan y W3C, yn fersiwn gyfredol yr safon, ac mae Lefel AA yn farcnod y mae'r rhan fwyaf o sefydliadau'n anelu ati. Mae'n cael ei ysgrifennu fwyfwy i reoliad: mae'n rhaid i gyrff sector cyhoeddus y DU fodloni WCAG 2.2 AA, ac mae rheol Teitl II ADA 2024 gan Adran Cyfiawnder yr Unol Daleithiau yn gwneud WCAG 2.1 Lefel AA yn safon dechnegol ar gyfer cynnwys gwe ac apiau symudol llywodraeth eglwysig a lleol.
Mae'r canllawiau hwn yn rhoi map gweithredol pendant i dimau Adnoddau Dynol i wneud systemau recriwtio a gweithplace yn hygyrch.
Cam 1: Archwilio Eich Safle Gyrfa
Mae eich safle gyrfa yn ddrws ffrynt eich sefydliad ar gyfer pob ymgeisydd. Mae safle gyrfa nad yw'n hygyrch yn anfon neges glir i geiswyr anabl: nid ydych chi'n groeso yma.
Rhestr Wirio WCAG 2.2 AA ar gyfer Safleoedd Gyrfa
Canfyddadwy
- Mae gan holl ddelweddau destun alt ystyrlon (mae delweddau addurniadol yn defnyddio priodoleddau alt gwag)
- Mae gan fideos ystyron testun a disgrifiadau sain
- Mae gwrthgyferbyniad lliw yn bodloni cymharebau lleiaf (4.5:1 ar gyfer testun arferol, 3:1 ar gyfer testun mawr)
- Gellir ailfeinio testun hyd at 200% heb golli cynnwys na swyddogaeth, ac mae cynnwys yn aillifo heb sgrolio dau-ddimensiwn ar led 320 picsel CSS (sy'n cyfateb i chwyddhau 400% ar sgrîn 1280px-led)
- Nid yw gwybodaeth yn cael ei chyfleu trwy liw yn unig
Operable
- Mae'r holl swyddogaeth ar gael trwy'r bysellfwrdd (Tab, Enter, Gofod, Allweddi Saeth)
- Mae dangosyddion ffocws yn weledig ac yn amlwg
- Nid oes trapiau bysellfwrdd yn bodoli (gall defnyddwyr bob amser Dab i ffwrdd o unrhyw elfen)
- Mae gan dudalennau ddolenni nip-navigation
- Mae gan ddefnyddwyr ddigon o amser i gwblhau tasgau (neu gallant ymestyn terfynau amser)
- Nid yw unrhyw gynnwys yn fflachio mwy na thair gwaith yr eiliad
Dealladwy
- Mae iaith y dudalen wedi'i datgan yn yr HTML
- Mae labeli ffurflen yn gysylltiedig yn rhaglenol ag enwau
- Mae negeseuon gwall yn glir ac yn benodol (e.e., "Rhaid i gyfeiriad e-bost gynnwys symbol @" yn hytrach na "Mewnbwn annilys")
- Mae llywio'n gyson ar draws tudalennau
Cadarn
- Mae tudalennau'n defnyddio HTML semantig, wedi'i ffurfio'n dda (mae WCAG 2.2 yn marcio'r hen faen prawf 4.1.1 Parsing fel anobsolet ac wedi'i dynnu, ond mae markup glân yn dal i helpu technoleg gynorthwyol)
- Mae teclynnau addasadwy'n defnyddio rolau, taleithiau, a phriodoleddau ARIA yn gywir
- Mae cynnwys yn gweithio gyda thechnoleg gynorthwyol gyfredol (darllenyddion sgrîn, chwyddfeydd, rheolaeth llais)
Cam 2: Gwneud Ffurflenni Cais yn Hygyrch
Mae ffurflenni cais yn le lle mae'r rhan fwyaf o fethiannau hygyrchedd yn digwydd. Problemau a'u datrysiadau cyffredin:
Labeli a Chyfarwyddiadau
- Methiant: Testun lle-dal yn cael ei ddefnyddio fel yr unig label. Efallai na fydd darllenyddion sgrîn yn cyhoeddi testun lle-dal yn gyson.
- Datrys: Defnyddiwch elfennau `
<label>gweledig sy'n gysylltiedig â phob mewnbwn trwy briodoleddaufor/id`.
Trin Gwallau
- Methiant: Gwallau a ddisgoswyd mewn testun coch yn unig wrth ymyl y cae, heb unrhyw gysylltiad rhaglenol.
- Datrys: Defnyddiwch `
aria-describedbyi gysylltu negeseuon gwall â meysydd. Darparwch grynodeb gwall ar dop y ffurflen. Defnyddiwcharia-invalid="true"` ar feysydd â gwallau.
Llywio Bysellfwrdd
- Methiant: Dewislenni addasadwy a dewiswr dyddiadau sy'n gweithio dim ond gyda llygoden.
- Datrys: Defnyddiwch elfennau HTML `
<select>` brodorol lle bo modd. Ar gyfer teclynnau addasadwy, gweithredwch gefnogaeth bysellfwrdd lawn yn dilyn Arferion Creu WAI-ARIA.
Llwytho Ffeiliau
- Methiant: Llwytho CV trwy lusgo-a-gollwng yn unig heb ddewis arall.
- Datrys: Darparwch bob amser fewnbwn ffeil safonol (`
<input type="file">`) ochr yn ochr ag unrhyw ryngwyneb lusgo-a-gollwng.
Dangosyddion Cynnydd
- Methiant: Ffurflenni aml-gam na ddangosant safle presennol na chaniatáu llywio tuagaeth.
- Datrys: Defnyddiwch `
aria-current="step"` a darparwch gyfrif camau clir (e.e., "Cam 2 o 4"). Caniatáu i ddefnyddwyr lywio yn ôl i gamau blaenorol heb golli data.
Cam 3: Ffurfweddu Eich ATS ar gyfer Hygyrchedd
Mae Systemau Tracio Ymgeiswyr (ATS) yn cynhyrchu llawer o'r tudalennau y mae ymgeiswyr yn rhyngweithio â nhw. Problemau hygyrchedd ATS cyffredin:
- Efallai y bydd tudalennau rhestr swyddi a gynhyrchir yn awtomatig yn lleihau strwythur pennawd. Gweithiwch gyda'ch gwerthwr ATS i sicrhau bod tagiau H1/H2/H3 yn cael eu defnyddio'n gywir.
- Efallai na fydd Cymhwyso-gyda-LinkedIn neu nodweddion un-clician tebyg yn hygyrch trwy'r bysellfwrdd. Profwch yn drylwyr neu darparwch ddewis arall llaw.
- Gall CAPTCHA ar ffurflenni cais rwystro defnyddwyr darllenydd sgrîn ac unigolion ag anableddau gwybyddol. Defnyddiwch ddulliau gwirio na ddibynna ar ddirgelwch gweledol neu wybyddol, a nodwch fod Maen Prawf Llwyddiant WCAG 2.2 3.3.8 (Dilysu Hygyrch) yn cyfyngu ar brofion swyddogaeth wybyddol mewn camau mewneuo.
- Amseroedd sesiynau yn ystod cais hir yn cosbi defnyddwyr sy'n teipio'n araf. Ymestyn neu dynnu amseroedd, neu rybuddio defnyddwyr cyn amseru allan a chaniatáu ymestyn.
Eitem gweithredu: Gofynnwch am Adroddiad Cydymffurfiad Hygyrchedd (ACR) — VPAT (Patrwm Hygyrchedd Cynnyrch Gwirfoddol) wedi'i gwblhau — gan eich gwerthwr ATS. Os na allant ddarparu un, ystyriwch droi i werthwr sy'n cymryd hygyrchedd o ddifri.
Cam 4: Creu Dogfennau Hyfforddi Hygyrch
Mae chydweithwyr newydd yn derbyn llifeiriant o ddogfennau: contractau, llawlyfrau, canllawiiau budd-daliadau, deunyddiau hyfforddi. Rhaid i'r rhain i gyd fod yn hygyrch.
Hygyrchedd PDF
- Defnyddiwch PDFau wedi'u labelu gyda threfn ddarllen resymegol
- Sicrhewch fod gan holl ddelweddau destun alt
- Defnyddiwch destun go iawn (nid delweddau sganedig o destun)
- Diffiniwch iaith y ddogfen a theitl
- Profwch gyda darllenydd sgrîn (mae gwiriwr hygyrchedd Adobe Acrobat yn ddechrau, ond mae profi llaw yn hanfodol)
Sleidiau a Deunyddiau Hyfforddi
- Defnyddiwch gynlluniau sleid (nid blwch testun rhydd) fel bod darllenyddion sgrîn yn dilyn trefn ddarllen resymegol
- Ychwanegwch destun alt at holl elfennau gweledol
- Sicrhewch wrthgyferbyniad lliw digonol
- Darparwch nodiadau siaradwr fel addasiad testun amgen
- Recordiwch sain/fideo gyda ystyron testun
Ffurflenni ac Arolygon
- Defnyddiwch adeilenwyr ffurflen hygyrch (Mae Microsoft Forms a Google Forms yn weddol hygyrch; profwch eraill cyn eu datblygu)
- Peidiwch byth â defnyddio ffurflenni PDF sy'n gofyn i'r defnyddiwr argraffu, ysgrifennu â llaw, a sganio
Cam 5: Gwneud Cyfathrebu Mewnol yn Hygyrch
E-bost
- Defnyddiwch HTML semantig mewn templedi e-bost (pennawd, rhestrau, testun alt ar gyfer delweddau)
- Osgowch anfon gwybodaeth hanfodol dim ond fel atodiadau delwedd
- Darparwch ddewisiadau plaen-testun
Intranet
- Cymhwyswch yr un safonau WCAG 2.2 AA ag ar gyfer eich safle gyrfa
- Sicrhewch fod swyddogaeth chwilio'n gweithio gyda darllenyddion sgrîn
- Gwneud cronfa ddogfennau yn llywiadwy trwy'r bysellfwrdd
Slack, Teams, a Llwyfannau Sgwrsio
- Anogwch y defnydd o destun alt ar ddelweddau a ranwyd mewn sianeli, pan fo'ch llwyfan yn ei gefnogi
- Defnyddiwch edafedd yn hytrach na sgwrsiau hir heb strwythur (haws ar gyfer hygyrchedd gwybyddol)
- Galluogi ac hyrwyddo ystyron testun mewn alwadau fideo
- Sicrhewch fod cyhoeddiadau pwysig hefyd yn cael eu postio mewn fformat testun, nid dim ond fel fideo neu sain
Offer Profi
| Offeryn | Teip | Cost | Gorau ar gyfer |
|---|---|---|---|
| axe DevTools | Estyniad porwr | Estyniad am ddim / Tierau taledig | Sganio awtomatig ar gyfer troseddau WCAG |
| WAVE | Estyniad porwr (WebAIM) | Gweler WebAIM | Gwerthusiad hygyrchedd gweledol |
| Lighthouse | Wedi'i adeiladu i mewn Chrome DevTools | Am ddim (ffynhonnell agored) | Archwilio perfformiad a hygyrchedd |
| NVDA | Darllenydd sgrîn | Am ddim | Profi llaw ar Windows |
| VoiceOver | Darllenydd sgrîn | Am ddim (macOS/iOS) | Profi llaw ar ddyfeisiau Apple |
| Pa11y | Offeryn CLI / CI | Am ddim (ffynhonnell agored) | Profi awtomatig mewn peilenni CI/CD |
| SortSite | Cymhwysiad bwrdd gwaith | Taledig | Sganio safle ar raddfa menter |
Proses Profi
- Sgan awtomatig gyda axe neu Lighthouse — dim ond rhan o'r problemau a ddaliir, felly peidiwch byth â dibynnu arno'n unig
- Profi bysellfwrdd llaw — llywiwch bob tudalen gan ddefnyddio Tab, Enter, Gofod, ac allweddi saeth yn unig
- Profi darllenydd sgrîn — profwch gyda NVDA (Windows) neu VoiceOver (macOS) o leiaf
- Profi defnyddwyr — recriwtiwch ddefnyddwyr anabl i brofi llif cais go iawn
Methiannau Cyffredin a Datrysiadau
| Methiant Cyffredin | Maen Prawf WCAG | Datrys |
|---|---|---|
| Labeli ffurflen ar goll | 1.3.1, 4.1.2 | Ychwanegwch elfennau `<label> gyda phriodoleddau for` |
| Dim digon o wrthgyferbyniad lliw | 1.4.3 | Cynyddwch y gwrthgyferbyniad i 4.5:1 lleiaf |
| Dim dangosydd ffocws bysellfwrdd | 2.4.7 | Ychwanegwch stylau `:focus` gweledig mewn CSS |
| Delweddau heb destun alt | 1.1.1 | Ychwanegwch briodoleddau `alt` disgrifiadol |
| Sain awtomatig (hirach na 3 eiliad) | 1.4.2 | Tynnu'r autoplay neu ddarparu rheolaeth atal/stopio neu gyfrol |
| Teitlau tudalen ar goll | 2.4.2 | Ychwanegwch elfennau `<title>` unigryw |
| Teclynnau addasadwy nad ydynt yn hygyrch | 4.1.2 | Defnyddiwch rolau a thrin bysellfwrdd ARIA |
| Nid oes modd ailfeinio testun i 200% | 1.4.4 | Defnyddiwch unedau perthynol a chasgliadau hyblyg |
| Nid yw cynnwys yn aillifo ar 320 picsel CSS led (400% chwyddhau) | 1.4.10 | Defnyddiwch gynlluniau CSS ymatebol |
Casgliad
Hygyrchedd digidol ar gyfer systemau HR nid yw'n brosiect untro — mae'n ymrwymiad parhaus. Archwilwch eich systemau presennol, rhaglachrwch y rhwystrau mwyaf pwysig yn gyntaf, profwch yn rheolaidd gyda thechnoleg gynorthwyol go iawn, a daliwich eich gwerthwyr yn atebol. Mae pob gwelliant yn gwneud eich gweithle yn fwy cynhwysol a'ch cronfa dalent yn fwy.