Seachain lipéid ar rialtáin nach féidir lipéad a chur orthu

Seiceálann Silktide lipéid fhoirme a dhíríonn ar eilimint eile trí ID, agus tuairiscíonn sé lipéid atá dírithe ar eilimintí nár cheart lipéad a bheith orthu — cnaipí, ionchuir atá cosúil le cnaipí, agus eilimintí nach féidir lipéad a chur orthu ar chor ar bith. Ainmnítear na heilimintí seo trína dtéacs nó a luach féin, agus cruthaíonn lipéad ar leith ainmneacha contrártha.

In HTML, ainmníonn <label> réimse foirme trína thréith for. Ach tá a n-ainm féin ag roinnt rialtán cheana féin: is é téacs cnaipe a ainm, agus is é value ionchuir seolta a ainm. Ní féidir eilimintí eile, amhail <div> simplí nó ionchur folaithe, a lipéadú ar an mbealach seo ar chor ar bith.

<!-- Fadhb: deir an cnaipe "Save" cheana féin; téann an lipéad in iomaíocht leis -->
<label for="save">Save</label>
<button id="save">Save</button>

Cén fáth a bhfuil tábhacht leis seo

Nuair a bhíonn dhá fhoinse ag rialtán dá ainm — a théacs féin agus lipéad a dhíríonn air — réitíonn brabhsálaithe éagsúla agus léitheoirí scáileáin an choimhlint ar bhealaí éagsúla. D’fhéadfaí an rialtán a fhógairt faoi dhó, a fhógairt leis an téacs mícheart, nó é féin a iompar ar bhealach gan choinne nuair a chliceáiltear ar an lipéad. Tríd an lipéad iomarcach a bhaint, cloiseann gach cuairteoir go díreach an méid a deir an rialtán.

Conas é a shocrú

1. I gcás cnaipí agus ionchur atá cosúil le cnaipí, bain an <label> agus braith ar théacs nó value an rialtáin féin:

<!-- Ceartaithe: ainmníonn an cnaipe é féin -->
<button id="save">Save</button>
<input type="submit" value="Submit">

2. I gcás lipéid a dhíríonn ar ionchur folaithe, bain an lipéad — ní thaispeántar ná ní fhógraítear réimsí folaithe riamh, mar sin níl ainm de dhíth orthu.
3. Má bhí tú ag cur lipéid ar eilimint neamhfhoirme amhail <div> a fheidhmíonn mar rialtán saincheaptha, bain úsáid as ARIA ina ionad: tabhair aria-labelledby don eilimint a dhíríonn ar an téacs a ainmníonn í.

Conas a thástálann Silktide é seo

1. Aimsigh gach eilimint <label> a bhfuil tréith for aici ar gach leathanach.
2. Féach suas an eilimint a mheaitseálann a id. Ní chuirtear lipéid a dhíríonn ar IDanna nach ann dóibh san áireamh anseo — tuairiscítear iad le IDanna lipéid bailí ina ionad sin.
3. Tuairiscigh an lipéad nuair is ceann díobh seo a leanas a sprioc:
   • eilimint <button>,
   • <input> le cineál button, submit, reset, image, nó hidden,
   • aon eilimint nach féidir lipéad a chur uirthi, amhail <div> nó ceannteideal.
4. Éiríonn le lipéid a dhíríonn ar ghnáthréimsí — ionchuir téacs, <select>, <textarea>, agus cinn chomhchosúla — an seiceáil.

Tuilleadh eolais

• Understanding Success Criterion 1.3.1: Info and Relationships (WCAG 2.2)
• Technique H44: Using label elements (WCAG)
• The label element (MDN)
• Lipéid réimse