Aria μμ±κ³Ό κ°μ μ μ μλ μμ±μ λ°μΈλ©νλ©΄ μ€λ₯κ° λ°μν©λλ€. μλ₯Ό λ€μ΄:
<a class="cell-anchor " [aria-expanded]="isFirstError(error)" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-{{error.id}}" aria-expanded="false">
ν νλ¦Ώμ μ΄ μ½λκ° ν¬ν¨λ κ΅¬μ± μμκ° λ‘λλλ©΄ λ€μ μμΈκ° λ°μν©λλ€.
μμΈ: 'ariaExpanded'λ ' ' μμμ μλ €μ§ μμ±μ΄ μλκ³ ν΄λΉ μμ±κ³Ό μΌμΉνλ μ§μλ¬Έμ΄ μκΈ° λλ¬Έμ 'ariaExpanded'μ λ°μΈλ©ν μ μμ΅λλ€.
aria μμ±μλ λμκ° ν¬ν¨λλ κ²½μ°κ° λ§μΌλ―λ‘ μ€μ λ‘ μ¬λ°λ₯΄μ§ μμ ariaExpandedλ‘ λ³ννκ³ μμ΅λλ€(λ΄κ° λͺ¨λ₯΄λ νμΆ λ©μ»€λμ¦μ΄ μμ μ μμ΅λκΉ?'). μ μ μλ κ²μ λ°μΈλ©νλ©΄ λμΌν λ¬Έμ κ° λ°μνλ―λ‘ μ΄κ²μ΄ κ·Όλ³Έ μμΈμ μλλλ€.
μμΈ: 'foo'λ ' ' μμμ μλ €μ§ μμ±μ΄ μλκ³ ν΄λΉ μμ±κ³Ό μΌμΉνλ μ§μλ¬Έμ΄ μκΈ° λλ¬Έμ 'foo'μ λ°μΈλ©ν μ μμ΅λλ€.
νλ°μ»€κ° νμν κ²½μ° μλ €μ£Όμλ©΄ νλ λ§λ€μ΄ λλ¦¬κ² μ΅λλ€.
DOM μμμλ aria-expanded
_property_κ° μμ΅λλ€. μ΄λ¬ν μ΄λ¦μ κ°μ§ _attribute_λ§ μμ΅λλ€. μμ±μ λ°μΈλ©νλ €λ©΄ ν΄λΉ μ΄λ¦μ attr.
μ λμ¬λ₯Ό λΆμ¬μΌ ν©λλ€(μ: [attr.aria-expanded]="isFirstError(error)"
).
λ°λΌμ μ€λ₯λ μ ννκ³ μ‘΄μ¬νμ§ μλ μμ±μ λν λ°μΈλ©μ μν₯μ λ―ΈμΉμ§ μμΌλ―λ‘ μ μ μλ μμ±μ λν΄ νμ€ν throwνλ €κ³ ν©λλ€. μ΄κ²μ λλΆλΆμ κ²½μ° μ¬μ©μ μ€λ₯μ λλ€.
λ©μ§λ€μ. attr.
μ λμ¬λ₯Ό λͺ°λμ΅λλ€. μ΄λ GAλ‘ μ΄λν λλ§λ€ λͺ
ννκ² λ¬Έμνν΄μΌ ν©λλ€.
κ·Έλ¬λ λ°μΈλ©μ΄ attr.
μ λμ΄λ₯Ό λμ³€μ λ μ°λ¦¬κ° μ 곡νλ λ©μμ§λ₯Ό κ°μ ν κΈ°νκ° μλ€κ³ μκ°ν©λλ€. λ€μκ³Ό κ°μ κ²μ μΈμν μ μλ€λ©΄ λ¬Έμλ νμνμ§ μμ κ²μ
λλ€.
*_EXCEPTION: ' ' μμμ μλ €μ§ μμ±μ΄ μλκ³ ν΄λΉ μμ±κ³Ό μΌμΉνλ μ§μλ¬Έμ΄ μκΈ° λλ¬Έμ 'foo'μ λ°μΈλ©ν μ μμ΅λλ€. *_
μ΄ λ¬Έμ λ μ΄ λ©μμ§ κ°μ μ μΆμ νλ λ° μ¬μ©ν μ μμ΅λλ€.
μ΄ λ¬Έμ λ νλμ΄ μμ΄ μλμΌλ‘ μ κ²Όμ΅λλ€.
μ μ¬νκ±°λ κ΄λ ¨λ λ¬Έμ κ° λ°μνλ©΄ μ λ¬Έμ λ₯Ό μ μΆνμμμ€.
μλ λν μ κΈ μ μ± μ λν΄ μμΈν μμ보μΈμ.
_μ΄ μμ μ λ΄μ μν΄ μλμΌλ‘ μνλμμ΅λλ€._
κ°μ₯ μ μ©ν λκΈ
DOM μμμλ
aria-expanded
_property_κ° μμ΅λλ€. μ΄λ¬ν μ΄λ¦μ κ°μ§ _attribute_λ§ μμ΅λλ€. μμ±μ λ°μΈλ©νλ €λ©΄ ν΄λΉ μ΄λ¦μattr.
μ λμ¬λ₯Ό λΆμ¬μΌ ν©λλ€(μ:[attr.aria-expanded]="isFirstError(error)"
).λ°λΌμ μ€λ₯λ μ ννκ³ μ‘΄μ¬νμ§ μλ μμ±μ λν λ°μΈλ©μ μν₯μ λ―ΈμΉμ§ μμΌλ―λ‘ μ μ μλ μμ±μ λν΄ νμ€ν throwνλ €κ³ ν©λλ€. μ΄κ²μ λλΆλΆμ κ²½μ° μ¬μ©μ μ€λ₯μ λλ€.