Text placed in DIV not P

Home Forums Cindy Text placed in DIV not P

WEBIHA
Participant
#33686
Resolved

For propper semantics text needs to be placed into <p> (WCAG 2.1 / 2.2 — 1.3.1 Info and Relationships)

I have identified the following instances: (there may be more)

entry-summary page-summary (Excerpt after Page Header Title)
site-info (Copyright footer)
entry-summary (<span> placed in div but no <p>) (Search results page)
entry-summary (wp-block-latest-posts__post-excerpt) (WP latest potsts block)
  • This topic was modified 1 month ago by WEBIHA.
  • This topic was modified 3 weeks, 5 days ago by Oliver Juhas. Reason: Formatting code
Viewing 3 replies – 1 through 3 (of 3 total)
WebMan Design
Keymaster
#33693

Hi WEBIHA,

I’ve never experience this issue, actually. Indeed, the text should be placed within a paragraph HTML tag generally, however, I’m not aware of this being and accessibility issue.

Some text in the theme is placed within <div> tags (mostly). I don’t experience any issue with such text, not even regarding accessibility.

Which accessibility test tool you’ve used?
Is it throwing this as an accessibility error or warning or suggestion?

Best regards,

Oliver Juhas
WebMan Design

WEBIHA
Participant
#33697

It is correct that it is indeed “accessible” as a screen reader can read this text as expected.
However text being placed directly into a DIV instead op a P are a minor failure for manual auditors and generally is not flagged by tools such as WAVE. As this fails due to this practice not being a “well formed semantic structure”.

I would appreciate this being fixed, otherwise I can make these changes myself in the theme’s PHP :).

WebMan Design
Keymaster
#33698

Hi WEBIHA,

Thank you for explanation. I will check all the texts and fix what can be fixed in next theme update.

Best regards,

Oliver Juhas
WebMan Design

Viewing 3 replies – 1 through 3 (of 3 total)

You must be logged in to reply to this ticket.