# Nararapat na isa-isang antas lang ang pagtaas ng mga heading Best practice sa accessibility Lumalaktaw ang mga antas ng heading (halimbawa mula H2 papuntang H4), kaya nakakalito ang istruktura ng page para sa mga gumagamit ng screen reader. ## Ano ang sinusuri ng patakarang ito Tiyaking tama sa semantika ang pagkakasunod ng mga heading. ## Bakit ito mahalaga Nagna-navigate ang mga gumagamit ng screen reader gamit ang mga heading. Best practice ito na sumusuporta sa WCAG 1.3.1. ## Paano ito ayusin ### Sa anumang website 1. Ayusin ang mga antas ng heading sa mga apektadong section para sunod-sunod ang mga ito nang walang nilalaktawang antas. 2. Ang tag lang ang baguhin, hindi ang visual na istilo (gumamit ng mga CSS class para sa laki). ### Sa Shopify 1. Ayusin ang mga antas ng heading sa mga apektadong section para sunod-sunod ang mga ito nang walang nilalaktawang antas. 2. Ang tag lang ang baguhin, hindi ang visual na istilo (gumamit ng mga CSS class para sa laki). ### Sa WooCommerce at WordPress 1. Ayusin ang mga antas ng heading sa mga apektadong section para sunod-sunod ang mga ito nang walang nilalaktawang antas. 2. Ang tag lang ang baguhin, hindi ang visual na istilo (gumamit ng mga CSS class para sa laki). ## Paano susuriin ang ayos - I-scan ulit at suriin ang heading outline gamit ang isang browser extension gaya ng HeadingsMap. ## Mga sanggunian - Dokumentasyon ng axe-core rule (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order