Use V2

elm.json

@@ -7,6 +7,7 @@
     "exposed-modules": [
         "Nri.Ui",
         "Nri.Ui.Accordion.V1",
+        "Nri.Ui.Accordion.V2",
         "Nri.Ui.AssetPath",
         "Nri.Ui.AssignmentIcon.V2",
         "Nri.Ui.Button.V10",

src/Nri/Ui/Accordion/V2.elm

@@ -1,10 +1,12 @@
-module Nri.Ui.Accordion.V1 exposing
+module Nri.Ui.Accordion.V2 exposing
     ( view, viewKeyed
     , viewCaret, Caret(..)
     , AccordionOptions, StyleOptions
     )
 
-{-|
+{-| Changes from V1:
+
+  - Changed implementation to follow recommendations from <https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html>
 
 @docs view, viewKeyed
 @docs viewCaret, Caret

styleguide-app/Examples/Accordion.elm

@@ -18,7 +18,7 @@ import Example exposing (Example)
 import Html.Styled as Html exposing (Html)
 import Html.Styled.Attributes exposing (css)
 import KeyboardSupport exposing (Direction(..), Key(..))
-import Nri.Ui.Accordion.V1 as Accordion
+import Nri.Ui.Accordion.V2 as Accordion
 import Nri.Ui.Colors.V1 as Colors
 import Nri.Ui.Fonts.V1 as Fonts
 import Nri.Ui.Heading.V2 as Heading
@@ -29,7 +29,7 @@ import Nri.Ui.Text.V4 as Text
 example : Example State Msg
 example =
     { name = "Accordion"
-    , version = 1
+    , version = 2
     , state = init
     , update = update
     , subscriptions = \_ -> Sub.none