Community forum for knowledge and support

Updated 10 months ago

Differences Between <section> and <div> Elements

At a glance
The community member is asking the Relume team about the use of <section> vs. <div> elements, particularly in the context of the MAST framework. They are interested in the accessibility considerations and whether the Relume team has discussed or plans to address this in future releases. In the comments, another community member confirms that the Relume components follow semantic guidelines for elements like <section>, <main>, and <header>, and encourages the original poster to flag any issues they find.

<section> vs <div>? πŸ€“
Hey all!
A question for the Relume team - perhaps when you get a minute? I fiddled with the MAST framework for the past week or so, and noticed it utilizes the

<section> element for sections, which makes a lot of sense at first glance, first and foremost for increased accessibility. Is this something the Relume team considered in the past, or is considering for future releases? In your experience, are there any significant A11Y differences when using a <div> for sections instead of <section>?<p></p>
M
D
2 comments

as far as I can tell, all of our components follow semantic guidelines for

<section> <main> and <header> tags where appropriate. If you've found one that does not have the right tag, feel free to flag it with us!<p></p>

That's perfect, thank you πŸ™

Add a reply
Sign up and join the conversation on Slack