@@ -54,16 +54,16 @@ My current thinking is that you have 2 really powerful methods of capturing your
54542. **Capture your colors, font sizes, etc.** Create a `Style` module that captures the **values** you use for your styling. Keep your colors there, as well as values for spacing, font names, and font sizes all in one place. You should consider using a scaling function for things like spacing and fontsizes.
5555
5656
57−## Element.Area
57+## Element.Region
5858
59−The `Element.Area` module is now how you can do accessibility markup.
59+The `Element.Region` module is now how you can do accessibility markup.
6060
6161You can do this by adding an area notation to an element's attributes.
6262
6363```elm
64−import Element.Area as Area
64+import Element.Region as Region
6565
66−row [ Area.navigation ]
66+row [ Region.navigation ]
6767 [ --..my navigation links
6868 ]
6969
@@ -71,7 +71,7 @@ row [ Area.navigation ]
7171Or you can make something an `<h1>`
7272
7373```
74−el [ Area.heading 1 ] (text "Super important stuff")
74+el [ Region.heading 1 ] (text "Super important stuff")
7575
7676```
7777